$(function(){
  // 点击显示二级菜单 并添加颜色
  
  var $lis = $(".middle .left .lists .list").eq(1)
  $lis.css("background","#999")
  $lis.find("div span:last-child").text("━")
  $lis.children("ul").css("display","block")
  $lis.children("ul").children().eq(0).css("background","#eb5c19")
  // console.log($lis.children("ul").children().eq(0));
  // var f = true
  // $lis.children("div").click(function(){
  //   if(f){
  //     $lis.css("background","#1d2939")
  //     $lis.find("div span:last-child").text("+")
  //     $lis.children("ul").css("display","none")
  //     f = false;
  //   }else{
  //     $lis.css("background","#999")
  //     $lis.find("div span:last-child").text("━")
  //     $lis.children("ul").css("display","block")
  //     f = true;
  //   }
  // })
  $(".middle .left .lists .list").each(function(i,item){
    $(item).children("div").click(function(){
        if(true){
          $(item).css("background","#999")
          $(item).find("div span:last-child").text("━")
          $(item).children("ul").css("display","block")
          $(item).find("ul li").click(function(){
            
            $(".middle .left .lists .list").each(function(index,cont){
              $(cont).css("background","#1d2939")
              $(cont).find("div span:last-child").text("+")
              $(cont).children("ul").css("display","none")
            })
            var $li = $(this).parent().parent()
              $li.css("background","#999")
              $li.find("div span:last-child").text("━")
              $li.children("ul").css("display","block")
          })
        }
    })
  })
  // 鼠标移入移出的效果
  $(".list ul li").each(function(i,item){
    // 给二级li添加点击事件
    $(item).click(function(){
      $(".alert").css("display","none")
      $(".list ul li").each(function(index,date){
        // 将所有的二级li背景颜色清除
        $(date).css("background","#1d2939")
        // 将所有的二级li鼠标移入移出清除
        $(this).unbind("mouseleave")
        $(this).unbind("mouseenter")
      })
      // 给当前点击的li添加背景颜色
      $(this).css("background","#eb5c19")
      
    })
    // 给二级li的祖先元素添加点击事件 只有点击了li的祖先元素 二级li 才有鼠标移入移出效果
    $(item).parent().parent().children("div").click(function(){
      $(item).mouseenter(function(){
        $(this).css("background","#eb5c19")
      })
      $(item).mouseleave(function(){
        $(this).css("background","#1d2939")
      })
    })
  })
  // 加载页面数据
  var str1 = `
    <div class="text">
      
    </div>
    <div class="cont">
      <div class="title">
        <div class="t-left">
          <input type="text" placeholder="请输入合同号或名字查询"><input id="cx" type="button" value="查询">
        </div>
        <div class="t-right">
          <button>+ 新建</button>
          <a href='./background.html'><button>刷新</button></a>
          <button>更多操作 ▽</button>
        </div>
      </div>
      <div class="item">
        <table>
          <thead>
            <tr>

            </tr>
          </thead>
          <tbody>
            
          </tbody>
        </table>
      </div>
      <div class="page">
        <p>转入 <input type="text"> 页</p>
        <p><span>1</span><span>/3</span></p>
        <button>&lt;</button><button>&gt;</button>
      </div>
    </div>
  ` 
  var url = "../../api/customer.json";
  var str = '<span>客户资料 </span><span>/ 客户信息</span>'
  function kf(data) {
    $.ajax({
      type:"GET",
      url:"../../api/title.json",
      success:function(title){
        var ts = title.customer
        console.log($(ts));
        var str='<td><input type="checkbox"></td>'
        $(ts).each(function(i){
          str += "<td>"+$(ts)[i]+"</td>"
        })
        $(".item thead tr").append(str)
      },
      complete:function(){
        $("#cx").click(function(){
          var width = $(".item").css("width")
          // console.log(width);
          $(".alert").css("width",width)
          console.log(this);
          cx()
          $(".t-left input:first-child").val("")
        })
      },
      error:function(){
        alert("失败了")
      }
    })
    var s = ''
    $.each(data,function(index,item){
      // console.log(item);
      if(index<10){
        s += `
          <tr>
            <td><input type="checkbox"></td>
            <td>${item.name}</td>
            <td>${item.sex}</td>
            <td>${item.id}</td>
            <td>${item.phone}</td>
            <td>${item.ppn}</td>
            <td>${item.contract}</td>
          </tr>
        `
      }
    })
    $(".item tbody").html(s)
  }
  // var arr = ["${item.name}",""]
  function ym(url,str,fu){
    $.ajax({
      type:"GET",
      url:url,
      beforeSend :function(){
        $(".middle .right").append(str1)
        $(".text").html(str)
        
      },
      success: function(data){
        fu(data)
      },
      error: function(){
        alert("请求失败")
      }
    })
  }
  ym(url,str,kf)
  // ============================
  $("#kf").click(function(){
    $(".right").html('')
    ym(url,str,kf)
  })
  // ==============================
  $("#ht").click(function(){
    $(".right").html('')
    var url1 = '../../api/contractManagement.json'
    var str1 = '<span>合同管理 </span><span>/ 租贷合同</span>'
    function ht(data){
      $.ajax({
        type:"GET",
        url:"../../api/title.json",
        success:function(title){
          var ts = title.cm
          var str='<td><input type="checkbox"></td>'
          $(ts).each(function(i){
            str += "<td>"+$(ts)[i]+"</td>"
          })
          $(".item thead tr").append(str)
        },
        error:function(){
          alert("失败了")
        }
      })
      var s =``
      $.each(data,function(index,item){
        // console.log(item);
        
        if(index<10){
          s+=`
            <tr>
              <td><input type="checkbox"></td>
              <td>${item.contract}</td>
              <td>${item.date}</td>
              <td>${item.contractManager}</td>
              <td>${item.contractDetails}</td>
            </tr>
          `
        }
      })
      $(".item tbody").html(s)
    }
    ym(url1,str1,ht)
  })
  $("#ck").click(function(){
    $(".right").html('')
    var url = '../../api/theLog.json'
    var str = '<span>日志管理 </span><span>/ 仓库信息</span>'
    function ck(data){
      $.ajax({
        type:"GET",
        url:"../../api/title.json",
        success:function(title){
          var ts = title.theLog
          var str='<td><input type="checkbox"></td>'
          $(ts).each(function(i){
            str += "<td>"+$(ts)[i]+"</td>"
          })
          $(".item thead tr").append(str)
        },
        complete:function(){
          $("#cx").click(function(){
            var width = $(".item").css("width")
             // console.log(width);
            $(".alert").css("width",width)
            // console.log(this);
            cx1()
            $(".t-left input:first-child").val("")
          })
        },
        error:function(){
          alert("失败了")
        }
      })
      var s =``
      $.each(data,function(index,item){
        // console.log(item);
        
        if(index<10){
          s+=`
            <tr>
              <td><input type="checkbox"></td>
              <td>${item.operator}</td>
              <td>${item.ppn}</td>
              <td>${item.inbound}</td>
              <td>${item.delivery}</td>
              <td style="cursor:pointer">${item.del}</td>
            </tr>
          `
        }
      })
      $(".item tbody").html(s)
    }
    ym(url,str,ck)
  })
  $("#zy").click(function(){
    $(".right").html('')
    var url = '../../api/pledge.json'
    var str = '<span>抵押质押 </span><span>/ 营业质押</span>'
    function zy(data){
      $.ajax({
        type:"GET",
        url:"../../api/title.json",
        success:function(title){
          var ts = title.pledge
          var str='<td><input type="checkbox"></td>'
          $(ts).each(function(i){
            str += "<td>"+$(ts)[i]+"</td>"
          })
          $(".item thead tr").append(str)
        },
        error:function(){
          alert("失败了")
        }
      })
      var s =``
      $.each(data,function(index,item){
        // console.log(item);
        
        if(index<10){
          s+=`
            <tr>
              <td><input type="checkbox"></td>
              <td>${item.ppn}</td>
              <td>${item.specific}</td>
              <td>${item.number}</td>
              <td>${item.measuring}</td>
              <td>${item.batch}</td>
            </tr>
          `
        }
      })
      $(".item tbody").html(s)
    }
    ym(url,str,zy)
  })

  
  // 数据查询功能函数
  function cx(){
    var text 
    $(".alert thead tr").html('')
    $(".alert tbody tr").html('')
    var $val = $(".t-left input:first-child").val()
    // console.log($val);
    $(".item table").css("display","none")
    $(".alert").css("display","block")
    $.ajax({
      type:"GET",
      url:"../../api/customer.json",
      beforeSend:function(){
        $.ajax({
          type:"GET",
          url:"../../api/title.json",
          success:function(title){
            var ti =title.customer
            var str='<td><input type="checkbox"></td>'
            $(ti).each(function(i,index){
              str += "<td>"+$(ti)[i]+"</td>"
            })
            // console.log($(".alert thead tr"));
            // console.log(str);
            $(".alert thead tr").append(str)
          },
          error:function(){
            alert("失败了")
          }
        })
      },
      success:function(data){
        $(data).each(function(i,item){
          if($val==item.contract){
            text = item
          }
        })
        // $div.html("")
      },
      complete:function(){
        var cont = $(".alert tbody tr")
        var st = ''
        console.log(text);
        if(text!=null){
          $(text).each(function(i,item,){
            st +=`
              <td><input type="checkbox"></td>
              <td>${item.name}</td>
              <td>${item.sex}</td>
              <td>${item.id}</td>
              <td>${item.phone}</td>
              <td>${item.ppn}</td>
              <td>${item.contract}</td>
            `
          })
          cont.append(st)
        }else{
          alert("没有查询到该数据")
        }
      },
      error:function(){
        alert("失败了 ")
      }
    })
  }
  function cx1(){
    var text = []
    $(".alert thead tr").html('')
    $(".alert tbody tr").html('')
    var $val = $(".t-left input:first-child").val()
    // console.log($val);
    $(".item table").css("display","none")
    $(".alert").css("display","block")
    $.ajax({
      type:"GET",
      url:"../../api/theLog.json",
      beforeSend:function(){
        $.ajax({
          type:"GET",
          url:"../../api/title.json",
          success:function(title){
            var ti =title.theLog
            var str='<td><input type="checkbox"></td>'
            $(ti).each(function(i,index){
              str += "<td>"+$(ti)[i]+"</td>"
            })
            // console.log($(".alert thead tr"));
            // console.log(str);
            $(".alert thead tr").append(str)
          },
          error:function(){
            alert("失败了")
          }
        })
      },
      success:function(data){
        var j=0
        $(data).each(function(i,item){
          
          if($val==item.operator){
            text[j]= item
            j++
          }
          console.log(j);
        })
        // $div.html("")
      },
      complete:function(){
        var cont = $(".alert tbody")
        var st = ''
        console.log(text);
        if(text.length!=0){
          $(text).each(function(i,item,){
            st +=`
            <tr>
              <td><input type="checkbox"></td>
              <td>${item.operator}</td>
              <td>${item.ppn}</td>
              <td>${item.inbound}</td>
              <td>${item.delivery}</td>
              <td>${item.del}</td>
            </tr>
            `
          })
          cont.append(st)
        }else{
          alert("没有查询到该数据")
        }
      },
      error:function(){
        alert("失败了 ")
      }
    })
  }
})